<script setup>
import {ref} from 'vue'


const deviceList = ref([
	{
		label: "光学头",
		name: "optical",
	},
	{
		label: "蓝转台",
		name: "turntable"
	}
])
onMounted(() => {
	// console.log(route.name)
})
</script>

<template>
	<n-h1 prefix="success" class="text-lg">本机仪器列表</n-h1>
	<n-space vertical item-class="ms-4" :size="10">
		<router-link v-for="dev in deviceList"
					 :to="`/telemetry/?label=${dev.label}&name=${dev.name}`"
					 #="{ navigate, href }" custom
		>
			<n-button :href="href" @click="navigate">
				{{ dev.label }}
			</n-button>
		</router-link>
	</n-space>

</template>

<style scoped>

</style>